<%@ page language="java"  pageEncoding="UTF-8" %>
<%@ include file="/WEB-INF/views/common/taglib.jsp" %>
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>注册店铺</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="HandheldFriendly" content="true" />
    <meta name="viewport" content="width=320.1, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <%@ include file="/WEB-INF/views/common/resource.jsp" %>
    <script>
        var ctx = '${ctx}';
    </script>
</head>
<body>
<div class="page form">
    <div class="input_box store">
        <span><font color="red">*</font>店名</span>
        <input type="text" id="customer_name"  />
    </div>
    <div class="input_box store">
        <span><font color="red">*</font>小店面积(㎡)</span>
        <input type="text" id="shop_size" />
    </div>
    <div class="upload_store_picture" id="container">
        <div class="upload_picture_box" id="self">
            <i class="iconfont icon-iconfont707" ></i>
            <p>请上传您的门头照</p>
        </div>
        <div class="store_picture">
            <img id="customer_img"  width="122" height="60" />
        </div>
        <a onclick="deleteImg()">删除</a>
    </div>
    <div class="picture_tips">图片大小不超过10MB</div>
    <div class="input_box">
        <span><font color="red">*</font>联系人</span>
        <input type="text" id="customer_contact_name" value=""  />
    </div>
    <div class="input_box">
        <span><font color="red">*</font>联系电话</span>
        <input type="text" id="customer_mobile" maxlength="11" value="" />
    </div>
    <div class="input_box select">
        <span><font color="red">*</font>城市</span>
        <select id="city" onchange="chooseCity()">
            <c:forEach items="${cityAreaList}" var="list">
                <option value="${list.area_no}">${list.area_name}</option>
            </c:forEach>
        </select>
    </div>
    <div class="input_box select">
        <span><font color="red">*</font>区域</span>
        <select id="area">
            <c:forEach items="${cityAreaList}" var="list">
                <c:forEach items="${list.areaList}" var="list2">
                    <option class="area_option parent_id_${list2.parent_id}" value="${list2.area_no}">${list2.area_name}</option>
                </c:forEach>
            </c:forEach>
        </select>
    </div>
    <div class="input_box">
        <span><font color="red">*</font>收货地址</span>
        <input type="text" placeholder="请输入收货地址" id="address" value=""/>
    </div>
    <div class="input_box select">
        <span><font color="red">*</font>渠道类型</span>
        <select id="channel_type_no" >
            <c:forEach items="${channelList}" var="list">
                <option value="${list.d_no}">${list.name}</option>
            </c:forEach>
        </select>
    </div>

    <div class="yzm_box">
        <div class="input_box">
            <input  id="sms-code" type="text" placeholder="请填写验证码" />
        </div>
        <input style="font-size: 15px;" id="send-sms-code" type="button" value="获取验证码" onclick="getSmsCode()" />
    </div>
    <!--图片上传进度条-->
    <div id="uploading" class="shareBox" style="z-index: 1000; margin-left: 31% ;display: none">
        <div class="uploading_bar" id="ossfile" style="z-index: 1000;"></div>
    </div>
    <input type="button" onclick="saveEdit()" value="确认注册" style="margin-top: 18px;" />
</div>
</body>

<script>
    //===============城市联动菜单==================

    $(document).ready(function(){
    });

</script>
<script language="javascript" type="text/javascript" src="${rtx}/js/registerShopInfo.js"></script>
<script language="javascript" type="text/javascript" src="${rtx}/js/plupload-2.1.2/js/plupload.full.min.js"></script>
<script language="javascript" type="text/javascript" src="${rtx}/js/upload_img.js"></script>
</html>
